<template>
  <div>
    <el-avatar :size="100" :src="user.avatar"
               style="display: inline-block; float: left"></el-avatar>
    <div style="display: inline-block; float: left">
      <el-input
          type="textarea"
          :placeholder="placeholder"
          v-model="user_comment"
          maxlength="1000"
          show-word-limit
          :autosize="{ minRows: 3, maxRows: 4}"
          style="margin-left:10px; margin-top: 10px; font-size: 15px;border-radius: 10px; border: 0;
                      width: 660px; height: 80px; "
      >
      </el-input>
    </div>
    <el-button style="display:inline-block; float: left; margin-left: 10px; border: 1px solid black; border-radius: 10px; height: 80px; width:100px; font-size: 20px;
                        margin-top: 10px; margin-bottom: 20px; background-color: #c4e4f8; color: #ffffff"
               @click="publishComment(user_comment)">
      发布
    </el-button>
  </div>
</template>

<script>
export default {
  name: "CommentPublish",
  data(){
    return{
      user_comment: "",
    }
  },
  props:{
    placeholder: String,
    user: Object
  },
  methods:{
    publishComment: function (user_comment){
      alert(user_comment)
    }
  }
}
</script>

<style scoped>

</style>